import './style.css'
import 'bootstrap/dist/js/bootstrap.min.js'
import 'bootstrap-icons/font/bootstrap-icons.min.css'
import $ from 'jquery'
import {Carousel} from 'bootstrap'


document.addEventListener('DOMContentLoaded', function () {
    // 轮播图自动播放
    (function () {
        const carousel = new Carousel('#carouselExampleIndicators', {
            interval: 1000, // 5s
            ride: true, // 自动播放
            wrap: true // 循环播放
        })
    })();

    // 公众号二维码显示隐藏
    (function () {
        const link = $('.link');
        const qrcode = $('.qrcode');
        link.hover(function () {
            link.css('text-decoration', 'underline');
            qrcode.removeClass('d-none');
        }, function () {
            // 延迟 500ms 防止点击二维码时立即消失
            setTimeout(() => {
                link.css('text-decoration', 'none');
                qrcode.addClass('d-none');
            }, 500);
        })
        // 防止点击二维码时隐藏
        qrcode.on("click", (e) => {
            e.stopPropagation();
        });
    })();

    // // 顶部导航栏固定
    // (function () {
    //     $(window).resize(function () {
    //         let width = $(window).width();
    //         if (width >= 992) {
    //             let tabBar = $('.tab-bar').outerHeight(true)
    //             let navBar = $('.navbar').outerHeight(true)
    //             $('#lk_carousel').css('margin-top', `${tabBar + navBar}px`);
    //             console.log('width >= 992');
    //         } else {
    //             let navBar = $('.navbar').outerHeight(true)
    //             $('#lk_carousel').css('margin-top', `${navBar}px`);
    //             console.log('width < 992');
    //         }
    //     })
    //     $(window).resize();
    // })();

    // 导航栏折叠
    (function () {
        let navbarToggler = $('.navbar-toggler');
        let navbarCollapse = $('.navbar-collapse');
        console.log(`navbarToggler: ${navbarCollapse.hasClass('show')}`);
        navbarToggler.click(function () {
            if (navbarCollapse.hasClass('show')) {
                navbarCollapse.removeClass('show');
            } else {
                navbarCollapse.addClass('show');
            }
        });
    })();

    // 下拉菜单折叠收缩
    (function () {
        let dropdown = $('.dropdown-toggle');
        let dropdownMenu = $('.dropdown-menu');
        dropdown.click(function () {
            if (dropdownMenu.hasClass('show')) {
                dropdownMenu.removeClass('show');
            } else {
                dropdownMenu.addClass('show');
            }
        });
    })();
});